<template>
    <div id="app">

        <div class="nav">
            <Nav></Nav>
        </div>
        <div class="wrap">
          <router-view/>
        </div>
        <div class="footer">
          <footerBar></footerBar>
        </div>
    </div>
</template>

<script>
    import Nav from './components/Nav'
    import footerBar from "@/components/footerBar";

    export default {
        name: 'App',
        components: {
            Nav,
            footerBar,
        }
    }
</script>

<style>
#app{
  margin: 0px;
  padding: 0px;
  background-image: url("assets/background.jpg");
  background-size: cover;
  background-attachment:fixed;
  min-height: 100vh;
  position: relative;
}
.wrap{
  padding-bottom: 4rem;
}
.footer{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.5rem;
}
</style>